<template>
	<view>
		<view>
		    <uni-card>
		      <view slot="title" class="card-title">11-15 15:17</view>
		      <view>
		        <view class="text-left">故障等级：2级故障</view>
		        <view class="text-left">线路：十七号线</view>
		        <view class="text-left">站点：朱家角</view>
		        <view class="text-left">当前处理人：鲁工</view>
				<view class="text-left">故障处理部门：</view>
				<view class="text-left">故障详情：</view>
		      </view>
		    </uni-card>
		  </view>
		  <view>
		      <uni-card>
		        <view slot="title" class="card-title">10-09 10:17</view>
		        <view>
		          <view class="text-left">故障等级：2级故障</view>
		          <view class="text-left">线路：十七号线</view>
		          <view class="text-left">站点：朱家角</view>
		          <view class="text-left">当前处理人：鲁工</view>
		          <view class="text-left">故障处理部门：</view>
		          <view class="text-left">故障详情：</view>
		        </view>
		      </uni-card>
		    </view>
			<view>
			    <uni-card>
			      <view slot="title" class="card-title">11-09 10:17</view>
			      <view>
			        <view class="text-left">故障等级：1级故障</view>
			        <view class="text-left">线路：十七号线</view>
			        <view class="text-left">站点：朱家角</view>
			        <view class="text-left">当前处理人：李工</view>
			        <view class="text-left">故障处理部门：</view>
			        <view class="text-left">故障详情：</view>
			      </view>
			    </uni-card>
			  </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.custom-card {
	  background-color: #fff;
	  border-radius: 12px;
	  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12);
	  padding: 20px;
	}
	
	.card-title {
	  background-color: #3CB371;
	  color: white;
	  font-weight: bold;
	  padding: 10px;
	  border-top-left-radius: 10px;
	  border-top-right-radius: 10px;
	}
	
	.card-content {
	  margin-top: 10px;
	}
	.text-left {
	  text-align: left;
	  margin-right: 1px;
	}
</style>
